<template>
  <section class="com-con">
    <div class="con-top">
      <topSelect cType="all" @getData="getData"></topSelect>
      <ul class="btn-list">
        <li>
          <span class="labelTit">部门选择</span>
          <el-select v-model="formInline.department" placeholder="请选择">
            <el-option label="部门一" value="shanghai"></el-option>
            <el-option label="部门二" value="beijing"></el-option>
          </el-select>
        </li>
      </ul>
    </div>
    <div class="con-bottom">
      <el-table :data="tableData" stripe style="width: 100%">
        <el-table-column prop="date" label="设备编码" min-width="50"></el-table-column>
        <el-table-column prop="name" label="会议室名称" min-width="80"></el-table-column>
        <el-table-column prop="address" label="摄像头1" min-width="50"></el-table-column>
        <el-table-column prop="address" label="摄像头2" min-width="50"></el-table-column>
        <el-table-column prop="address" label="编辑" width="260" fixed="right">
          <template slot-scope="scope">
            <el-button type="warning" size="mini">摄像头1</el-button>
            <el-button type="success" size="mini">摄像头2</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </section>
</template>

<script>
  import topSelect from "@common/topSelect" //顶部筛选条件
  export default {
    name: "watchdog",
    msg: "平台设备管理-全程纪实监控设备",
    data() {
      return {
        formInline: {},
        tableData: [{}, {}, {}]
      }
    },
    methods: {
      getData(params) {

      }
    },
    components: {
      topSelect
    }
  }
</script>

<style lang="less">

</style>
